<template>
    <div id="app">
        <Spin size="large" fix v-if='showLoading' style="z-index:9999;">
            <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
            <div>加載中</div>
        </Spin>
        <router-view/>
    </div>
</template>

<script>
/* eslint-disable */
import Loading from '@/common/loading/loading.vue'
import { mapState } from 'vuex'
export default {
    name: 'App',
    components: {
        Loading
    },
    computed: {
        ...mapState([
            'showLoading'
        ])
    }
}
</script>
<style>
    .demo-spin-icon-load {
        animation: ani-demo-spin 1s linear infinite;
    }
    #app {
        font-family: "Avenir", Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        width: 100%;
        height: 100%;
    }
</style>
